/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-12-03 15:49:30
 * @version $Id$
 */
#main {
  height: 100%; }

.content {
  width: 100%;
  height: 100%;
  position: relative; }

.cont-warp {
  width: 100%;
  overflow-x: hidden; }

.banner {
  position: absolute;
     bottom: 60px;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
   }
  .swiper-container{
    width: 100%;
    height: 100%;}
  .ban-warp{
    height: 100%; }
  .banner1{
    background: url(home_bg.png) 0 0 no-repeat;
    background-position: center top;
    background-size: cover; }
    .banner1 .col-1140,.banner1 .title{
      height: 100%;
      position: relative;
    }
    .banner1 .title-w{
      height: 320px;
      position: absolute;
      top: 50%;
      margin-top: -160px;
      z-index: 3;
    }
    .banner1 .title-w h3{
      font-size: 45px;
      color: #d8d9d8; }
    .banner1 .title-w p{
      font-size: 45px;
      color: #fefefe; }
    .banner1 #playbtn {
      display: block;
      width: 54px;
      height: 54px;
      background: url(../images/index/playbtn.png) 0 0 no-repeat; }
  .banner2{
    background: url(home_bg2.png) 0 0 no-repeat;
    background-position: center top;
    background-size: cover;  display: block; }
      .banner3{
    background: url(home_bg3.png) 0 0 no-repeat;
    background-position: center top;
    background-size: cover;  display: block; }
      .banner4{
    background: url(home_bg4.png) 0 0 no-repeat;
    background-position: center top;
    background-size: cover;  display: block; }


  .banner2 .col-1140,.banner2 .title,.banner3 .col-1140,.banner3 .title,.banner4 .col-1140,.banner4 .title{
      height: 100%;
      position: relative;
    }
    .banner2 .title-w,.banner3 .title-w,.banner4 .title-w{
      height: 320px;
      position: absolute;
      top: 50%;
      margin-top: -160px;
      z-index: 3;
    }
    .banner2 .title-w h3, .banner3 .title-w h3, .banner4 .title-w h3{
      font-size: 45px;
      color: #d8d9d8; }
    .banner2 .title-w p,.banner3 .title-w p,.banner4 .title-w p{
      font-size: 45px;
      color: #fefefe; }




.link-warp {
  position: absolute;
        bottom: -162px;
  left: 0;
  width: 100%;
  padding: 6px 0; }
  .link-warp ul {
    font-size: 0; }
  .link-warp li {
    width: 24.7%;
       height: 210px;
    display: inline-block; }
    .link-warp li:nth-child(2) {
      margin: 0 0.4%; }
          .link-warp li:nth-child(3) {
      margin: 0 0.4% 0 0; }
    .link-warp li#share {
      background: url(../images/index/share_img.png) 0 0 no-repeat;
      background-position: center top;
      background-size: cover; }
    .link-warp li#event {
      background: url(../images/index/event_img.png) 0 0 no-repeat;
      background-position: center top;
      background-size: cover; }
    .link-warp li#family {
      background: url(../images/index/family_img.png) 0 0 no-repeat;
      background-position: center top;
      background-size: cover; }
          .link-warp li#active {
      background: url(../images/index/active_img.jpg) 0 0 no-repeat;
      background-position: center top;
      background-size: cover; }
    .link-warp li h3 {
      padding: 30px 0 0 30px;
      font-size: 24px;
          color: #EDEDF3;
      font-weight: 500; }
    .link-warp li a {
      display: block;
      width: 108px;
      height: 34px;
      line-height: 34px;
      margin: 90px 0 0 30px;
      border: 1px solid #fff;
      text-align: center;
      border-radius: 20px;
      color: #fff;
      font-size: 14px; }
      .link-warp li a em{
        width: 7px;
        height: 11px;
        display: inline-block;
        background: url('');
      }
      .link-warp li a:hover {
        background: #fff;
        color: #000000; }
     .link-warp li a:hover em{
        background:url('');
        }

.player-warp {
  width: 100%;
  height: 100%;
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6); }
  .player-warp .plbg{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0}
  .player-warp .player {
   /*  width: 1280px;
    height: 720px; */
    position: relative;
    z-index: 3;
    margin: 0 auto;opacity: 0 }
    .pr,#video{width: 100%;height: 100%;}
    .video-js .vjs-big-play-button{
      top: 50%;
      left: 50%;
      margin-top: -.75em;
      margin-left: -1.5em;
    }
    .player-close{
      width: 16px;
      height: 16px;
      display: block;
      position: absolute;
      top: -30px;
      right: -8px;
      background: url('');
    }

/*footer {
      margin-top: 162px; }*/
  .swiper-pagination-bullet-active {
    opacity: 1;
    background: #f7d408;
}
.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .5;
}
.swiper-pagination-bullet.swiper-pagination-bullet-active {
    opacity: 1;
    background: rgb(49,228,246);
}
